
<template>
	<!-- 考勤-新增请假 -->
	<div>
		<el-row>
			<span class="formLable">基本信息</span>
		</el-row>
		<el-row :gutter="16">
			<el-col :span="4">
				<span class="formLable">学员：</span>
			</el-col>
			<el-col :span="4">
				<span class="formValue">{{studentInfo.realName}}</span>
			</el-col>
			<el-col :span="4">
				<span class="formLable">所在班级：</span>
			</el-col>
			<el-col :span="4">
				<span class="formValue">年级 班级</span>
			</el-col>
			<el-col :span="4">
				<span class="formLable">班级主教：</span>
			</el-col>
			<el-col :span="4">
				<span class="formValue">王老师</span>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="4">
				<span class="formLable">监护人：</span>
			</el-col>
			<el-col :span="4">
				<span class="formValue">罗琴</span>
			</el-col>
			<el-col :span="4">
				<span class="formLable">联系电话：</span>
			</el-col>
			<el-col :span="4">
				<span class="formValue">{{studentInfo.phone}}</span>
			</el-col>
		</el-row>
		<el-row>
			<span class="formLable">请假信息</span>
		</el-row>
		<el-row :gutter="16">
			<el-col :span="4">
				<span class="formLable">请假时间：</span>
			</el-col>
			<el-col :span="20">
				<span class="formLable">2019-11-26 至 2019-11-27 共2天</span>
			</el-col>
		</el-row>
		<el-row :gutter="16">
			<el-col :span="4">
				<span class="formLable">请假类型：</span>
			</el-col>
			<el-col :span="20">
				<span class="formLable">事假</span>
			</el-col>
		</el-row>
		<el-row>
			<el-row>
				<el-col :span="4">
					<span class="formLable">原因备注：</span>
				</el-col>
				<el-col :span="20">
					<span class="formLable">不想上课三班，就不去了，这么大！</span>
				</el-col>
			</el-row>
		</el-row>
		
	</div>
</template>

<script>
	let vm;
	export default{
		components:{},
		data(){
			return {
				studentInfo:{},
			}
		},
		methods:{
			init(data){
				this.studentInfo=data;
			},
			
		},
		mounted(){
			vm=this;
		},
		computed:{
			
		},
		watch:{

		}
	}
</script>

<style lang="scss" scoped>
	.formLable,.formValue{
		font-size: 0.16rem;
		line-height: 0.4rem;
	}
	.formLable.must::before{
		content: '*';
		color: red;
		margin: 0 0.05rem;
	}
	.el-row{
		margin-bottom: 0.16rem;
	}
	.el-checkbox{
		font-size: 0.16rem;
		line-height: 0.4rem;
	}
	.el-radio{
		font-size: 0.16rem;
		line-height: 0.4rem;
	}
</style>
